<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- <script type="text/javascript" src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script> -->
    <script type="text/javascript" src="js/echarts.js"></script>



</head>

<body>
    <div id="chart" style="width: 600px;height: 400px;"></div>
</body>

<!-- <script>
    var myChart = echarts.init(document.getElementById('chart'));
    option = {
        xAxis: {
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
        },
        yAxis: {
            type: 'value'
        },
        series: [{
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line'
        }]
    };
    myChart.setOption(option);
</script> -->
<script>
    var myChart = echarts.init(document.getElementById('chart'));
    var option = {
        title: {
            text: '统计数据',
            subtext: '电子产品'
        },
        //tooltip: {},
        legend: {
            data: ['用户来源']
        },
        xAxis: {
            data: ["Android", 'IOS', 'PC', 'Other']
        },
        yAxis: {},
        series: [{
            name: '访问量',
            type: 'line',
            data: [500, 200, 360, 100]
        }]
    };
    myChart.setOption(option);
</script>
<!-- <script>
    var data = genData(50);
    Option = {
        title: {
            text: '土地利用状况调查',
            subtext: '洛阳市',
            left: 'center'
        },
        tooltip: {
            trigger: 'item',
            formatter: '{a} </br>{b}:{c}({d}%)'
        },
        legend: {
            type: 'scroll',
            orient: 'vertical',
            right: 10,
            top: 10,
            bottom: 10,
            data: data.legendData,
            selected: data.selected
        },
        series: [{
            name: '',
        }]
    }
    function genData(count) {
        var ydList = ['耕地', '森林', '建筑', '水域', '工业用地'];
        var legendData = [];
        var seriesData = [];
        var selected = {};
        for (var i = 0; i < count; i++) {
            name = Math.random() > 0.65 ?
                markWord(4, 1)
        }
    }
</script> -->


</html>